<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>404</title>
<link href="/dist/pc/css/common.css" rel="stylesheet" />
<link href="/dist/pc/css/404.css" rel="stylesheet" />
</head>
<body>
<a class="notfound-sun" target="_blank" href="/"></a>
<a class="notfound-clouds" target="_blank" href="/"></a>
<a class="notfound-bird" target="_blank" href="/"></a>

<div class="notfound-bg">
<a href="/404.html" class="notfound-plane">404</a>
</div>

<script>
function setBg() {
    var now = new Date().getHours();
    var body = document.body;
    var sun = document.querySelector('.notfound-sun');

    body.style.backgroundAttachment = 'fixed';
    if(now > 8 && now < 18) {
        body.style.backgroundImage = 'linear-gradient(180deg, #55a2f0, #fff 70%, #fff)';
        sun.style.backgroundColor = '#f0d7d5';

    } else if(now >= 18 && now < 22) {
        body.style.backgroundImage = 'linear-gradient(135deg, rgba(255, 93, 35, 0.68) 0%, rgba(113, 144, 254, 0.9) 100%)';
        sun.style.backgroundColor = '#fff';

    } else {
        body.style.backgroundImage = 'linear-gradient(135deg, #8f8ccb, #343668)';
        sun.style.backgroundColor = '#fff';
    }

    body = null;
    nav = null;
}

setBg();
</script>
</body>
</html>
